// :global{
//     .tr-transform__rotator {
//         top: -45px;
//         left: calc(50% - 7px);
//     }
    
//     .tr-transform__rotator,
//     .tr-transform__scale-point {
//         background: #fff;
//         width: 15px;
//         height: 15px;
//         border-radius: 50%;
//         position: absolute;
//         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
//         border: 1px solid rgba(0, 0, 0, 0.1);
//         cursor: pointer;
//     }
//     .tr-transform__rotator:hover,
//     .tr-transform__scale-point:hover{
//         background: #F1F5F8;
//     }
//     .tr-transform__rotator:active,
//     .tr-transform__scale-point:active{
//         background: #DAE1E7;
//     }
//     .tr-transform__scale-point {
    
//     }
    
//     .tr-transform__scale-point--tl {
//         top: -7px;
//         left: -7px;
//     }
    
//     .tr-transform__scale-point--ml {
//         top: calc(50% - 7px);
//         left: -7px;
//     }
    
//     .tr-transform__scale-point--tr {
//         left: calc(100% - 7px);
//         top: -7px;
//     }
    
//     .tr-transform__scale-point--tm {
//         left: calc(50% - 7px);
//         top: -7px;
//     }
    
//     .tr-transform__scale-point--mr {
//         left: calc(100% - 7px);
//         top: calc(50% - 7px);
//     }
    
//     .tr-transform__scale-point--bl {
//         left: -7px;
//         top: calc(100% - 7px);
//     }
    
//     .tr-transform__scale-point--bm {
//         left: calc(50% - 7px);
//         top: calc(100% - 7px);
//     }
    
//     .tr-transform__scale-point--br {
//         left: calc(100% - 7px);
//         top: calc(100% - 7px);
//     }
// }